<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script src="./utils.js"></script>
  <script>
    /* 注意：该html文件应该存放在服务器的页面上。 */

    //通过服务器页面自带的ajax程序去请求数据，将数据保存到`window.name`，该属性可以供外域客户端访问并进行跳转内域实现绕过跨域机制。
    xhr.get(
      'https://apis.juhe.cn/simpleWeather/query?city=上海&key=2d6398b6c9abdb59bdcb4b6d8a146116',
      null,
      function (data) {
        window.name = JSON.stringify(data);
      }
    );
  </script>
</html>
